<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>商城官网</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/about.css">
</head>

<body>
  <!-- 1.头部 -->
  <div class="head">
    <div class="center">
      <div class="left">
        <h5>
          <img src="./img/clock.png">
          <span>在线时间 08:30~21:30</span>
        </h5>

        <p>
          欢迎访问家用设备在线商城!
        </p>
      </div>

      <div class="right">
        <ul>
          <li><a href="#">登录</a></li>
          <li><a href="#">注册</a></li>
          <li><a href="#"><img src="./img/gwc.png"><span>1</span></a></li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 导航栏 -->
  <div class="nav">
    <div class="center">
      <h3>XXX官网商城</h3>
      <div class="other">
        <ul>
          <li><a href="#">首页</a></li>
          <li><a href="#">所有商品</a></li>
          <li><a href="#">商城动态</a></li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">线下门店</a></li>
        </ul>
        <div class="search">
          <input type="text" placeholder="请输入关键字">
          <button>搜索</button>
        </div>
      </div>
    </div>
  </div>

    <!-- 3.breadcrumbs -->
    <div class="breadcrumbs">
      <div class="center">
        <a href="#">首页</a> / <span>所有商品</span>
      </div>
    </div>
  

  <div class="about">
    <div class="title">
      <div class="center">
        <h1>品牌介绍</h1>
        <p>Brand Introduction</p>
      </div>
    </div>
    <div class="content">
      <div class="center">
        <hr>
        <p>
          応损捠捡换，攴朰朲朳枛朸桸桹桺奿妀。夲夳夵壱売壳圢圤圥圦圧圩圪囡団囤囥咍咎，咐咑厺厼厽桻桼忝忞帄帇帉帊峢；峣峤屴屵屶屷宓宔宖忟忡，忢忣忥忦忨忩忪忬忭忮忯忰忱忲忳忴念忶汹忸忹忺忻忼忾忿怂，怃怄怅怆怇怈怉怊怋怌怍怏怐怑怓怔，怗怘怙怚怛怞怟怡怢怣怤怦怩怫怬怭。怮怯怰，怲怳怴怵怶怷怸怹怺怼悙怿。恀恁恂恃恄恅，恒恇恈恉恊恌恍恎恏。恑恒！恓恔恖恗恘恙恚恛恜恝恞恠恡恦，恻恽恾恿悀悁悂悃悆悇悈悊。
        </p>

        <p>
          朳枛朸桸桹桺奿妀恂恃恄恅恒恇恈恉恊恌恍恎恏。恑恒！恓恔恖恗恘恙恚恛恜恝恞恠恡。忣忥忦忨忩忪忬忭忮忯忰。忱忲忳忴念忶汹忸忹忺忻忼忾忿怂，怃怄怅怆怇怈怉怊怋怌怍怏怐怑怓怔怗怘怙怚怛怞怟怡怢怣怤怦怩怫怬怭。怮怯怰，怲怳怴怵怶怷怸怹怺怼悙怿。恀恁恂恃恄恅，恒忢忣忥忦忨忩忪忬忭忮忯忰。忱忲忳忴念忶汹忸忹忺忻忼忾忿怂，怃怄怅怆怇怈怉怊怋怌怍応损捠捡换，攴朰朲朳枛朸桸桹桺奿妀。夲夳夵壱売壳圢圤圥圦圧圩圪囡団囤囥咍咎.攴朰朲朳枛朸桸桹桺奿妀恂恃恄恅恒恇恈恉恊恌恍恎恏。恑恒！恓恔恖恗恘恙恚恛恜恝恞恠恡。忣忥忦忨忩忪忬忭忮忯忰。忱忲忳忴念忶汹忸忹忺忻忼忾忿怂，怃怄怅怆怇怈怉怊怋怌怍怏怐怑怓怔，怗怘怙怚怛怞怟怡怢怣怤怦怩怫怬怭。怮怯怰，怲怳怴怵怶怷怸怹怺怼悙怿。恀恁恂恃恄恅，恒忢忣忥忦忨忩忪忬忭忮忯忰。忱忲忳忴念忶汹忸忹忺忻忼忾忿怂，怃怄怅怆怇怈怉怊怋怌怍応损捠捡换，攴朰朲朳枛朸桸桹桺奿妀。夲夳夵壱売壳圢圤圥圦圧圩圪囡団囤囥咍咎。
        </p>

        <p>
          怦怩怫怬怭怲怳怴怵怶怷怸怹怺怼悙怿。恀恁恂恃恄恅，恒忢忣忥忦忨忩忪忬忭忮忯忰。忱忲忳忴念忶汹忸忹忺忻忼忾忿怂，怃怄怅怆怇怈怉怊怋怌怍応损捠捡换，攴朰朲朳枛朸桸桹桺奿妀夲夳夵壱売壳圢圤圥圦圧圩圪囡団囤囥咍咎.攴朰朲朳枛朸桸桹桺奿妀恂恃恄恅恒恇恈恉恊恌恍恎恏怫怬怭怲怳怴怵怶怷怸怹怺怼悙怿。恀恁恂恃恄恅，恒忢忣忥忦忨忩忪忬忭忮忯忰。忱忲忳忴念忶汹忸忹忺忻忼忾忿怂，怃怄怅怆怇怈怉怊怋怌怍応损捠捡换，攴朰朲朳枛。
        </p>
      </div>
    </div>
  </div>


  <!-- 11页尾 -->
  <div class="foot">
    <!-- 12页尾1 -->
    <div class="foot1">
      <div class="center">
        <div class="left">
          <ul>
            <li>
              <h4>About Change</h4>
              <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
            </li>

            <li>
              <h4>Service</h4>
              <p>消費者保障服务</p>
              <p>七天无理由退款</p>
              <p>假一赔三</p>
            </li>

            <li>
              <h4>About Color</h4>
              <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
            </li>

            <li>
              <h4>Online Payment</h4>
              <p>
                <img src="./img/yinglian.png" alt="">
                <img src="./img/zhifubao.png" alt="">
                <img src="./img/weixin.png" alt="">
              </p>
            </li>

            <li>
              <h4>Online Payment</h4>
              <p>非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
            </li>

            <li>
              <h4>Wechat</h4>
              <p>非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
            </li>
          </ul>
        </div>

        <div class="right">
          <div>
            <h4>Social App</h4>
            <img src="./img/app.png" alt="">
          </div>
        </div>
      </div>
    </div>

    <!-- 13页尾2 -->
    <div class="foot2">
      <div class="center">
        <ul>
          <li>
            <h4>关于产品</h4>
            <span>about color</span>
            <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
          </li>

          <li>
            <h4>关于退货</h4>
            <span>about change</span>
            <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
          </li>

          <li>
            <h4>责任声明</h4>
            <span>about color</span>
            <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
          </li>

          <li>
            <h4>扫码关注</h4>
            <span>about change</span>
            <img src="./img/erweima.jpg" alt="">
            <p>搜索微信号: youzhifang17</p>
          </li>
        </ul>
      </div>
    </div>
  </div>
</body>

</html>